<html>
    <head>
    
        <body align="center">
            <img  src="img/102.jpg"/>
            <!-- 用HTML代码实现一个普通的按钮 -->
            <!-- 需求：当用户点击以下这个按钮的时候，执行一段js代码 -->
            <!-- JavaScript是基于事件驱动型的编程语言 -->
            <!-- 我们可以将用户点击按钮看做是一个鼠标单击事件，这个事件在JS中被称为click事件 -->
            <!-- 每一个JS事件都会对应一个事件句柄,事件句柄的名称是:on+事件名 -->
            <!-- 程序员可以选择在事件句柄后面"注册JS代码 -->
            <!-- 当某个事件发生之后,注册在事件句柄后面的JS代码会被自动执行 -->
            <!-- 以下JS代码什么时候执行,当用户单击按钮的时候,注册在onclick后面的JS代码会被浏览器自动执行 -->
            <!-- JavaScript有三部分组成:其中一部分是BOM(Browser Object Model) -->
            <!-- window是JS中的内置对象,代表浏览器的窗口,属于BOM中的一员 -->
            <!-- window这个内置对象有一个方法,叫alert,这个方法可以弹出消息框 -->
            <!-- JS中的字符可以使用双引号括起来,也可以使用单引号括起来 -->
            <!--JS语句以分号结尾-->
            <!-- window.alert("");其中window可以省略. -->

            <input  type="button" value="请点击我！" onclick="window.alert('我最喜欢滕婷了');
            window.alert('我最喜欢滕婷了');
            window.alert('我最喜欢滕婷了');
            alert('我最喜欢滕婷了嗷嗷');"/>
        </body>
    </head>
</html>